<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 你有一个 user 对象数组，每个对象都有 name，surname 和 id。
        // 编写代码以该数组为基础，创建另一个具有 id 和 fullName 的对象数组，其中 fullName 由 name 和 surname 生成。
        // 例如：
        let users = [{
            name: "John",
            surname: "Smith",
            age: 25,
            // id: 1
        }, {
            name: "Pete",
            surname: "Hunt",
            age: 30,
            // id: 2
        }, {
            name: "Mary",
            surname: "Key",
            age: 28,
            // id: 3
        }];

        // let usersMapped = /* ... 你的代码 ... */
        /*
        usersMapped = [
          { fullName: "John Smith", id: 1 },
          { fullName: "Pete Hunt", id: 2 },
          { fullName: "Mary Key", id: 3 }
        ]
        */
        let usersMapped = users.map(function(obj, index) {
            var arr = {};
            arr.fullName = obj.name + obj.surname;
            arr.id = index + 1;
            return arr;
        })
        console.log(usersMapped);
        console.log(usersMapped[0].id); // 1
        console.log(usersMapped[0].fullName); // "John Smith"

        // 所以，实际上你需要将一个对象数组映射到另一个对象数组。可以尝试使用箭头函数 => 来编写。
    </script>
</body>

</html>